﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Frame top</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="static/style/js/jquery.js"></script>
    <script type="text/javascript" src="static/style/js/page_common.js"></script>
    <link href="static/style/css/common_style_blue.css" rel="stylesheet" type="text/css"/>

    <style type="text/css">
        <!--
        body {
            margin: 0;
        }

        #Head_1 {
            background: url("style/images/img/top_head1_bg.gif") repeat-x scroll 0 0 transparent;
            height: 64px;
            margin: 0 auto;
            width: 100%;
        }

        #Head_1 #Head_1_Logo {
            float: left;
            left: 20px;
            position: absolute;
            top: 12px;
            color: #F1F9FE;
            font-family: Arial Black, Arial;
            font-size: 28px;
        }

        #Head_1 #Head_1_UserWelcome {
            float: right;
            color: #B3E1FF;
            font-family: "宋体";
            font-size: 12px;
            height: 25px;
            padding-top: 11px;
            margin-right: 20px;
        }

        #Head_1 #Head_1_FunctionButton {
            float: left;
            position: absolute;
            right: 5px;
            top: 35px;
            margin-right: 15px;
        }

        #Head_1 #Head_1_FunctionButton img {
            margin-left: 10px;
        }

        #Head_2 {
            background: url("static/style/images/img/top_head2_bg.gif") repeat-x scroll 0 0 transparent;
            border-bottom: 1px solid #FFFFFF;
            border-top: 1px solid #A0C6E1;
            height: 36px;
            margin: 0;
            width: 100%;
        }

        #Head_2 #Head2_Awoke {
            float: left;
            height: 100%;
            padding-left: 19px;
            padding-top: 2px;
        }

        #Head_2 #Head2_Awoke #AwokeNum {
            position: absolute;
            left: 20px;
            top: 68px;
            width: 406px;
            /*height: 21px;*/
            margin-top: 0;
            padding: 0;
            padding-top: 2px;
            list-style-type: none;
            margin-bottom: 0;
            margin-left: 0;
        }

        #Head_2 #Head2_Awoke #AwokeNum li {
            float: left;
            margin: 3px;
            display: inline;
        }

        #Head_2 #Head2_Awoke #AwokeNum a {
            color: #FFFFFF;
            font-family: "宋体";
            font-size: 12px;
            text-decoration: none;
        }

        #Head_2 #Head2_Awoke #AwokeNum .Line {
            border-left: 1px solid #005A98;
            border-right: 1px solid #A0C6E1;
            height: 17px;
            width: 0px;
        }

        #Head_2 #Head2_FunctionList, .Head2_FunctionList {
            color: #FFFFFF;
            float: right;
            font-family: "宋体";
            font-size: 13px;
            height: 100%;
            padding-right: 26px;
            padding-top: 10px;
        }

        -->
    </style>
    <script type="text/javascript" charset="utf-8"
            src="http://connect.qq.com/qc_jssdk.js"
            data-appid="101450291"
    ></script>
</head>

<body>
<!-- 上部 -->
<div id="Head_1">
    <!-- 标题 -->
    <div id="Head_1_Logo">
        <b style="font-family: '黑体'">广州酒家信息管理平台</b> <!-- <img border="0" src="style/images/logo.png" /> -->
    </div>
    <!-- 欢迎用户的文字 -->
    <div id="Head_1_UserWelcome">
        <img border="0" width="13" height="14" src="static/style/images/user.gif"/>
        <span id="qqLoginBtn"></span>
        <script type="text/javascript">
            QC.Login({
                btnId: "qqLoginBtn"	//插入按钮的节点id
            }, function(reqData, opts){//登录成功
                //根据返回数据，更换按钮显示状态方法
                var dom = document.getElementById(opts['btnId']),
                    _logoutTemplate=[
                        //头像
                        '<span><img src="{figureurl}" class="{size_key}"/></span>',
                        //昵称
                        '<span>{nickname}</span>',
                        //退出
                        '<span><a href="javascript:QC.Login.signOut();">退出</a></span>'
                    ].join("");
                dom && (dom.innerHTML = QC.String.format(_logoutTemplate, {
                    nickname : QC.String.escHTML(reqData.nickname), //做xss过滤
                    figureurl : reqData.figureurl
                }));
                QC.Login.getMe(function(openId, accessToken){
                    alert(openId)
                    //ajax
                })
            }, function(opts){//注销成功
                alert('QQ登录 注销成功');
            });
        </script>
    </div>
    <!-- 一些链接按钮 -->
    <div id="Head_1_FunctionButton">
        <a target="right" href="javascript:void(0)">
            <img width="78" height="20" src="static/style/images/help2.gif"/>
        </a>
        <a target="_parent" href="javascript:void(0)">
            <img width="78" height="20" alt="退出系统" src="static/style/images/logout.gif"/>
        </a>
    </div>
</div>
<!-- 下部 -->
<div id="Head_2">
    <!-- 任务提醒 -->
    <div id="Head2_Awoke">
        <ul id="AwokeNum">

        </ul>
    </div>

    <div class="Head2_FunctionList" style="float:left">
        <a href="javascript: window.parent.right.history.back();">
            <img src="static/style/images/Header_back.gif" width="24" height="24" style="margin-top: -8px;"/>
            <b>后退</b>
        </a>
        <a href="javascript: window.parent.right.history.forward();">
            <img src="static/style/images/Header_forward.gif" width="24" height="24" style="margin-top: -8px;"/>
            <b>前进</b>
        </a>
    </div>

    <div id="Head2_FunctionList">
        <!--
            如果使用 window.parent.right.location.reload(true); 则IE与FF都可以使用，Chrome不可以。
            在Chrome中 alert(window.parent.right.document); 显示的值是 undefined！为什么？
            使用 window.parent.right.history.go(0) 实现刷新，在IE、Chrome中都可以运行，但在FF中不可以！（但没有测试什么时候会使用缓存）。
         -->
        <a href="javascript: window.parent.right.history.go(0);">
            <img src="static/style/images/Header_refresh.gif" width="24" height="24" style="margin-top: -8px;"/>
            <b>刷新(IE、Chrome)</b>
        </a>
        <a href="javascript: window.parent.right.location.reload(true);">
            <img src="static/style/images/Header_refresh.gif" width="24" height="24" style="margin-top: -8px;"/>
            <b>刷新(Firefox)</b>
        </a>
    </div>
</div>
</body>
</html>